<script>

export default{
  name: "Home",
  data(){
    return{
      user: JSON.parse(localStorage.getItem('honey-user') || '{}'),
    }
  },
  created(){

  },
  methods:{}
}

</script>

<template>
  <div>
    <div style="box-shadow: 0 0 10px rgba(0,0,0,.2);padding: 10px 20px;border-radius: 5px;margin-bottom: 5px">
      早安 {{user.name}} 开心巴适么一天！
    </div>
    <div style="display: flex">
      <el-card style="width: 30%;margin-right: 10px" class="custom-card">
        <div slot="header" class="clearfix">
          <span>用户信息</span>
        </div>
        <div>
          2024设计开始了，继续加油！
          <div style="margin-top: 20px">
            <div style="margin: 10px 0">
              <strong>主题色</strong>
            </div>
            <el-button type="primary">按钮</el-button>
            <el-button type="success">按钮</el-button>
            <el-button type="warning">按钮</el-button>
            <el-button type="danger">按钮</el-button>
            <el-button type="info">按钮</el-button>
          </div>
        </div>
      </el-card>
<!--      <el-card style="width: 70%" class="custom-card">-->
<!--        <div slot="header" class="clearfix">-->
<!--          <span>渲染用户的数据</span>-->
<!--        </div>-->
<!--        <div>-->
<!--          <el-table :data="users" :class="{ 'dark-mode-table': isDark }">-->
<!--            <el-table-column label="ID" prop="id"></el-table-column>-->
<!--            <el-table-column label="用户名" prop="username"></el-table-column>-->
<!--            <el-table-column label="姓名" prop="name"></el-table-column>-->
<!--            <el-table-column label="地址" prop="address"></el-table-column>-->
<!--            <el-table-column label="头像上传">-->
<!--              <template v-slot="scope">-->
<!--                <el-upload-->
<!--                    accept="jpg"-->
<!--                    action="http://localhost:8080/file/upload"-->
<!--                    :on-success="(row,file,fileList) => handleFileUpload(scope.row,file,fileList)"-->
<!--                    :show-file-list="false"-->
<!--                    :headers="{token: user.token}">-->
<!--                  <el-button size="mini" type="primary">上传文件</el-button>-->
<!--                </el-upload>-->
<!--              </template>-->
<!--            </el-table-column>-->
<!--            <el-table-column label="头像">-->
<!--              <template v-slot="scope">-->
<!--                <el-image v-if="scope.row.avatar" :src="scope.row.avatar"-->
<!--                          style="width: 50px; height: 50px"></el-image>-->
<!--              </template>-->
<!--            </el-table-column>-->
<!--          </el-table>-->
<!--        </div>-->
<!--      </el-card>-->
    </div>
<!--    <div style="display: flex; margin: 10px 0">-->
<!--      <el-card style="width: 50%; margin-right: 10px">-->
<!--        <div slot="header" class="clearfix">-->
<!--          <span>文件上传下载</span>-->
<!--        </div>-->
<!--        <div style="margin: 10px 0">-->
<!--          <el-upload-->
<!--              action="http://localhost:8080/file/upload"-->
<!--              :headers="{token:user.token}"-->
<!--              list-type="picture"-->
<!--              :on-success="handleFileUpload"-->
<!--          >-->
<!--            <el-button size="mini" type="primary">上传单文件</el-button>-->
<!--          </el-upload>-->
<!--        </div>-->
<!--        <div style="margin: 10px 0">-->
<!--          <el-upload-->
<!--              action="http://localhost:8080/file/upload"-->
<!--              :headers="{token:user.token}"-->
<!--              multiple-->
<!--              list-type="picture"-->
<!--              :on-success="handleMultipleUpload"-->
<!--          >-->
<!--            <el-button size="mini" type="primary">上传多文件</el-button>-->
<!--          </el-upload>-->
<!--        </div>-->
<!--        <div style="margin: 10px 0">-->
<!--          <el-button type="primary" @click="showUrls">显示上传的链接</el-button>-->
<!--        </div>-->
<!--      </el-card>-->
<!--    </div>-->
  </div>
</template>

<style scoped>

</style>